function generateSizes(max, step = 4) {
  return Array.from({ length: max }).reduce((map, _, index) => {
    map[index] = `${index * step}px`;
    return map;
  }, {});
}

export default {
  content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
  theme: {
    extend: {
      spacing: generateSizes(1000),
      width: generateSizes(1000),
      height: generateSizes(1000),
      fontSize: generateSizes(100),
      lineHeight: generateSizes(1000),
      borderRadius: generateSizes(100, 1),
    }
  },
  plugins: [],
}